// /src/styles/variables.scss

// 颜色系统
$primary-color: #409eff;
$success-color: #67c23a;
$warning-color: #e6a23c;
$danger-color: #f56c6c;

// 主色调 - 专业蓝色系
$primary-blue: #1890ff;        // 主蓝色 - 比之前稍深，更专业
$primary-light: #40a9ff;       // 浅蓝色 
$primary-dark: #096dd9;        // 深蓝色

// 辅助色 - 智能科技感
$ai-purple: #722ed1;           // AI智能紫色 - 体现智能化
$success-green: #52c41a;       // 成功绿色
$warning-orange: #fa8c16;      // 警告橙色
$error-red: #f5222d;           // 错误红色

// 左侧菜单配色
$menu-bg: #001529;             // 深蓝黑色背景 - 专业稳重
$menu-active-bg: #1890ff;      // 激活项背景 - 主蓝色
$menu-text: #bfbfbf;           // 菜单文字色
$menu-active-text: #ffffff;    // 激活文字色
$menu-hover-bg: rgba(24, 144, 255, 0.1); // hover背景 - 半透明蓝色
$menu-submenu-bg: #000c17;     // 子菜单背景 - 更深色
$menu-icon-color: #8c8c8c;     // 菜单图标颜色
$menu-icon-active: #ffffff;    // 菜单激活图标颜色

// 顶部导航配色
$header-bg: #ffffff;           // 纯白背景
$header-border: #f0f0f0;       // 底部边框
$header-text: #262626;         // 主要文字
$header-text-secondary: #595959; // 次要文字
$user-dropdown-bg: #ffffff;    // 用户下拉背景
$user-dropdown-hover: #f5f5f5; // 用户下拉hover

// 背景色
$bg-color: #f5f7fa;

// 文字色
$text-primary: #303133;
$text-regular: #606266;
$text-secondary: #909399;

// 边框
$border-color: #dcdfe6;
$border-radius: 4px;

// 阴影
$box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

// 动效
$transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);